<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS盒子模型的组成</title>
</head>
<body>
<!--
CSS会把所有的HTML元素都看成一个盒子，所有的样式也都是基于这个盒子
margin:外边框,盒子与外界的距离
border:边框,盒子的边框
padding:内边距,紧贴内容的补白区域
content:元素中的文本或后代元素都是他的内容
具体可查看盒子模型.png
-->
</body>
</html>